$(function () {
    /* 购物车 */
    /* 1切换全选    onchange可用于单选框和复选框改变后触发的事件 单选框是圆的*/
    // $(".allsel").on("change", function () {
    //     // alert(1)
    //     /* 获取当前全选按钮的选中状态值 打勾为true 没勾为false*/
    //     let bool = $(this).prop("checked")
    //     // console.log(bool);
    //     /* 将bool值赋值给其他商品的选中状态 */
    //     // $(".sinsel").prop("checked", bool)
    //     //设置其他全选
    //     //  $(".allsel").prop("checked", bool)
    //     /* 简写 */
    //     $(".allsel,.sinsel").prop("checked", bool)

    //     //下面的计算总计
    //     allTotal()
    // })

    // /* 2取消全选 只要有一个商品没选中就取消全选*/

    // $(".sinsel").on("change", function () {
    //     //1定义标杆
    //     let flag = true;//true所有选中 false;至少一项未选中

    //     //2决定标杆的最终值
    //     //获取每个商品的选中状态值 必须要遍历
    //     $(".sinsel").each(function (index, value) {
    //         let bool = $(value).prop("checked")
    //         //console.log(bool);
    //         //只判断没有选中的情况
    //         if (!bool) {
    //             flag = false
    //             return;
    //         }
    //     })
    //     // console.log(flag);
    //     //3根据标杆的最终值,来决定是否选中全选按钮
    //     $("alisel").prop("checked", flag)

    //     //下面的计算总计
    //     allTotal()

    // })

    // /* 3商品数量增加 */
    // $(".add").on("click", function () {
    //     //增加当前商品的数量
    //     let num = $(this).siblings('.pronum').val()//string
    //     //增加
    //     num++//能将let num = $(this).siblings('.pronum').val()字符串自动转换为数字
    //     //赋值
    //     $(this).siblings(".pronum").val(num)

    //     //计算小计  num等于点击次数  向上找父辈   //再从父辈向下找后代    找到后代数量里的文本
    //     // console.log(num * $(this).closest(".shopcar-body").find(".sinprice").text());
    //     let xiapji = num * $(this).closest(".shopcar-body").find(".sinprice").text()
    //     //赋值                                                            toFixed(2)保留2位小数 
    //     $(this).closest(".shopcar-body").find(".smallprice").text(xiapji.toFixed(2))

    //     //下面的计算总计
    //     allTotal()

    // })
    // //商城数量减小
    // $(".reduce").on("click", function () {
    //     //增加当前商品的数量
    //     let num = $(this).siblings('.pronum').val()//string
    //     //判断
    //     if (num <= 1) return;
    //     //增加
    //     num--//能将let num = $(this).siblings('.pronum').val()字符串自动转换为数字
    //     //赋值
    //     $(this).siblings(".pronum").val(num)
    //     //计算小计t
    //     let xiapji = num * $(this).closest(".shopcar-body").find(".sinprice").text()
    //     //赋值                                                            toFixed(2)保留2位小数 
    //     $(this).closest(".shopcar-body").find(".smallprice").text(xiapji.toFixed(2))

    //     //下面的计算总计
    //     allTotal()

    // })
    // /* 总计  计算选中商品的总数量和总价*/
    // function allTotal() {
    //     //定义变量保存总价
    //     let sPrices = 0

    //     //定义变量保存数量
    //     let allNum = 0

    //     //获取选中商品
    //     $(".sinsel:checked").each(function (index, value) {
    //         //将字符串转为数字 获取每个商品的小计
    //         let sPrice = Number($(value).closest(".shopcar-body").find(".smallprice").text())
    //         //console.log(sPrice);

    //         //累计总价
    //         sPrices += sPrice

    //         //获取每个商品的总数量
    //         let sNum = parseInt($(value).closest(".shopcar-body").find(".pronum").val())
    //         //console.log(sNum);
    //         allNum += sNum
    //     })
    //     //得到总价并渲染到页面中
    //     $(".allPrice").text(sPrices.toFixed(2))

    //     /* 得到数量渲染 */
    //     $(".allNum").text(allNum)


    // }

    //1购物车 切换全选
    /* $(".allsel").on("change", function () {
        //alert(1)
        let boll = $(this).prop("checked")
        // console.log(boll);
        $(".sinsel").prop("checked", boll)
        $(".allsel").prop("checked", boll)

    }) */
    //1购物车 切换全选
    $(".allsel").on("change", function () {
        let boll = $(this).prop("checked")
        console.log(boll);
        $(".sinsel,.allsel").prop("checked", boll)
        addddd()
    })
    // /* 2取消全选 只要有一个商品没选中就取消全选*
    $(".sinsel").on("change", function () {
        let flag = true;//true所有选中 false;至少一项未选中
        $(".sinsel").each(function (index, value) {
            let bool = $(value).prop("checked")
            //console.log(bool);
            if (bool == false) {
                flag = false
                return
            }
        })
        $(".allsel").prop("checked", flag)
        addddd()
    })
    /* 3商品数量增加 */
    $(".add").on("click", function () {
        // alert(1)
        let num = $(this).siblings(".pronum").val()
        num++
        $(this).siblings(".pronum").val(num)
        //计算小计
        console.log(num * $(this).closest(".shopcar-body").find(".sinprice").text());
        let xiaoji = num * $(this).closest(".shopcar-body").find(".sinprice").text()
        //赋值
        $(this).closest(".shopcar-body").find(".smallprice").text(xiaoji.toFixed(2))
        addddd()
    })
    //商品数量减少
    $(".reduce").on("click", function () {
        let num = $(this).siblings(".pronum").val()

        if (num <= 1) return
        num--
        $(this).siblings(".pronum").val(num)
        //计算小计
        let xiaoji = num * $(this).closest(".shopcar-body").find(".sinprice").text()
        $(this).closest(".shopcar-body").find(".smallprice").text(xiaoji.toFixed(2))
        addddd()
    })

    /* 总计  计算选中商品的总数量和总价*/
    function addddd() {
        //定义变量保存总价
        let zongjie = 0
        //定义变量保存总数
        let zongshu = 0
        //获取选中商品
        $(".sinsel:checked").each(function (index, value) {
            let shangping = Number($(value).closest(".shopcar-body").find(".smallprice").text())

            zongjie += shangping
            //console.log(shangping);
            /*  zongjie += shangping */
            let shnagping2 = Number($(value).closest(".shopcar-body").find(".pronum").val())
            zongshu += shnagping2
            //  console.log(shnagping2);

        })
        //总价渲染到页面
        $(".allPrice").text(zongjie)
        $(".allNum").text(zongshu)
    }
    /* 猜你喜欢 like */
    $(".bookregion li").on("mouseover", function () {
        console.log("1");
        $(this).addClass("bookregioncolor").siblings().removeClass("bookregioncolor")
    })
}) 
